
<%@ page contentType="text/html;charset=UTF-8" %>


<html>
<head>

    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>

    <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
    <title>Title</title>
</head>
<body>

<table class="table table-striped table-bordered table-hover text-center">
    <div class="container" >
        <form action="/demo/Pay/getOne">
            <div class="col-xs-4">
                <input type="text" class="form-control" name="stuId" placeholder="输入学号查询">
            </div>
            <div class="col-xs-4">
                <button type="submit" class="btn btn-info btn-block" >提交</button>
            </div>
        </form>
    </div>
    <thead class="text-center">
    <td>学号</td>
    <td>学期</td>
    <td>班级</td>
    <td>姓名</td>
    <td>缴费情况</td>
    <td>欠费情况</td>
    <td>操作</td>
    </thead>
    <c:forEach items="${result}" var="n">
        <tr>
            <td>${n.stuId}</td>
            <td>${n.term}</td>
            <td>${n.clazz}</td>
            <td>${n.name}</td>
            <td>${n.payment}</td>
            <td>${n.arrearage}</td>
            <td><a href="/demo/Pay/del?stuId=${n.stuId}">删除</a> <a href="/demo/Pay/gotoedit?stuId=${n.stuId}">修改</a></td>
        </tr>
    </c:forEach>
</table>

<button class="btn btn-primary btn-block"><a href="/demo/Pay/gotoadd">增加</a></button>

<c:forEach items="${name}" var="n">
    ${n.name}
</c:forEach>

</body>
</html>
